<template>
  <div id="rumor">
    <div>
      <h2 class="h2">
        <i class="el-icon-s-help"></i>
        辟谣战疫
      </h2>
    </div>
    <div class="bg">
      <img :src="bg" />
    </div>
    <el-container>
      <el-aside>
        <h4 class="h4">
          <i class="el-icon-s-comment"></i>
          谣言鉴定：
        </h4>
        <el-popover
          placement="right"
          title="鉴定结果：谣言"
          width="200"
          trigger="click"
          content="近日，网上热传“楼盘停工、企事业停工放假、1月15日重型货车禁止上路行驶、春运停止”的消息。经查询相关资料，网传消息不实。首先，该消息在微博、微信上传播，并非来源官方部门或者权威媒体。截至1月4日12时，交通运输部官方网站上并没有2021年1号令文件。"
        >
          <el-button slot="reference" type="danger"
            >1月15日重型货车禁止上路行驶？
          </el-button>
        </el-popover>

        <el-popover
          placement="right"
          title="鉴定结果：谣言"
          width="200"
          trigger="click"
          content="1月3日，黑龙江省哈尔滨市网民董某某在网上发布“沈阳因疫情所有商场、地铁、公共场所全部关闭了”“内部消息说尹某某把病毒传到北京了，所以沈阳封城了”等信息。沈阳网警第一时间响应并核实，并于1月4日发出警情通报，澄清以上内容为虚假信息。董某某因涉嫌违法已转递当地公安机关依法处理。
沈阳网警提示网民：网络不是法外之地，切勿造谣传谣，涉及疫情相关信息以官方通报为准。对于制造、传播谣言的违法犯罪行为，公安机关将依法严肃处理。"
        >
          <el-button slot="reference" type="danger">沈阳封城了？ </el-button>
        </el-popover>

        <el-popover
          placement="right"
          title="鉴定结果：待论证"
          width="200"
          trigger="click"
          content="陕西中医药大学教授曹兰秀在接受媒体采访时表示，戴着口罩跑步和猝死之间并没有必然的联系。其他卫生专家受访时表示，猝死的原因有很多种，疫情期间长时间的不锻炼，然后跑步前未进行充分热身都是可能原因。

北京阜外医院心外科副教授孙宏涛撰文指出，N95口罩的密闭性很好，会导致呼吸不完全顺畅，呼出的气体有一定的数量停留在口腔与口鼻形成的空间里面，再反复吸入则会导致体内的二氧化碳水平提高而氧含量下降。

另外，N95口罩明显增加呼吸阻力，锻炼时戴着这样一个负担，很可能对孩子肺功能带来额外的损害。所以即便是医护人员戴也要严格遵守4小时的工作时限要求，孩子则更不能长时间佩戴，运动时更不推荐。

孙宏涛副教授建议，刚刚复课的学校暂时不要进行激烈的竞技性体育比赛，循序渐进地恢复孩子们的体育锻炼，激烈运动时不要佩戴口罩，尤其是N95口罩。"
        >
          <el-button slot="reference" type="warning"
            >连续2名学生返校戴口罩跑步导致猝死？</el-button
          >
        </el-popover>
        <el-popover
          placement="right"
          title="鉴定结果：谣言"
          width="200"
          trigger="click"
          content="根据北京青年报官方微博消息，12月25日，网上有传言称“转发北京市委市政府紧急通知，北京进入战时状态，外地进京包括外出返京人员需隔离21天，返京人员除要求21天医学观察期满之外，还需持7日内核酸检测阴性证明”。经北京防控办核实，该信息系谣言。同时，特别提醒广大民众，从权威渠道获取信息，不信谣、不传谣。"
        >
          <el-button slot="reference" type="danger"
            >北京进入战时状态，返京隔离21天？
          </el-button>
        </el-popover>
        <el-popover
          placement="right"
          title="鉴定结果：谣言"
          width="200"
          trigger="click"
          content="中国工程院院士、国家卫生健康委高级别专家组成员李兰娟院士向健康时报记者表示，这篇文章的内容根本不出自她本人，她从未表述过这样的观点，文章的观点也和她本人的观点不相符。。"
        >
          <el-button slot="reference" type="danger"
            >李兰娟院士提醒北京疫情可能将全面大爆发？
          </el-button>
        </el-popover>
        <el-popover
          placement="right"
          title="鉴定结果：已证实"
          width="200"
          trigger="click"
          content="钟南山介绍，连花清瘟胶囊的成分包括麻杏石甘汤，再加上红花。他透露，这次实验做得比较认真。他们在P3实验室，让细胞染上新冠病毒。离体实验发现，连花清瘟胶囊对病毒抑制作用有一些，但是很弱。但是它的好处是，对病毒引起的细胞损伤、炎症有很好的修复作用。

连花清瘟胶囊有以下作用：第一，服用后患者症状改善得比较快，比对照组早两天；第二，患者CT片子的恢复得比对照组快；第三，患者体温下降有显著性差异，发热有时间缩短。但是，服用后能否使病毒转阴，实验组与对照组有缩短，但是没有显著性差异。钟南山说，80%以上患者都属于普通型新冠患者，连花清瘟胶囊比较适合普通的新冠肺炎患者。"
        >
          <el-button slot="reference" type="primary"
            >钟南山称有证据证实连花清瘟对治疗新冠肺炎有效？
          </el-button>
        </el-popover>
        <el-popover
          placement="right"
         title="鉴定结果：谣言"
          width="200"
          trigger="click"
          content="北京市自来水集团通过官网发布公告称，根据国家生活饮用水卫生标准规定，自来水出厂水余氯应保持在0.3-4毫克/升之间；目前，北京市自来水集团各水厂出厂水余氯控制在0.4-0.9毫克/升之间，在国家标准规定的范围内。自来水中略带氯味属于正常现象，完全不影响健康，更无需“最少静置两小时以上再用 ”。北京市自来水集团生产的自来水完全符合国家生活饮用水卫生标准，市民可以放心饮用。"
        >
          <el-button slot="reference" type="danger"
            >北京自来水加大氯气注入？
          </el-button>
        </el-popover>
        <el-popover
          placement="right"
          title="鉴定结果：谣言"
          width="200"
          trigger="click"
          content="国家卫生健康委国际司监察专员李明柱对此回应称，“世界卫生组织从来没有就参观某一个实验室提出过（请求），‘中国拒绝世界卫生组织去武汉实验室’这种说法是不符合事实的。”

事实上，中方两次邀请世界卫生组织来中国现场考察。1月20日、21日，中方接待世界卫生组织的专家组到湖北武汉进行现场考察，其中也包括实验室；2月16日到24日，还接待了中国-世卫组织联合专家考察组，专家组分别赴北京、四川、广东和湖北武汉全方位深入调研。"
        >
          <el-button slot="reference" type="danger"
            >中国拒绝世卫组织参观武汉实验室？
          </el-button>
        </el-popover>
        <el-popover
          placement="right"
          title="鉴定结果：谣言"
          width="200"
          trigger="click"
          content="曾参与救治多名新冠病毒肺炎患者的武汉市中医医院汉阳院区急诊科医疗组长喻灿博士认为，目前全球检测新冠病毒都是以检测核酸为主，而检测核酸就必须通过检测人体的体液实现，由于核酸片段只存在于人体体液组织之内，该检测仪使用的检测方法无法获得人体内病原体的核酸片段，通过该检测方式检测新冠病毒属于天方夜谭。

武汉市三医院光谷院区急诊重症科主任付守芝医生认为，识别新冠病毒的特异性RNA核酸片段或代码，必须从感染者或者病毒携带者的宿主体内提取体液后进行检测。对于提取的任何体液，可以通过量子技术或者更新的技术提升检验的速度，但是不提取体液是不可能的，所以这种无创检测仪目前在医学上不可能实现。"
        >
          <el-button slot="reference" type="danger"
            >量子共振检测仪，无创检测新冠病毒，准确率100%？
          </el-button>
        </el-popover>
        <el-popover
          placement="right"
          title="鉴定结果：已证实"
          width="200"
          trigger="click"
          content="据美国有线电视新闻网（CNN）最新消息，纽约布朗克斯动物园发布新闻稿称，感染新冠病毒的老虎是一只雌虎，名叫纳迪亚（Nadia），在纳迪亚与它的妹妹阿苏尔（Azul）、另外两只东北虎以及三只非洲狮都出现干咳症状后，美国农业部国家兽医服务实验室对纳迪亚进行了新冠病毒检测，结果显示呈阳性。

布朗克斯动物园方面还表示，这些大型猫科动物是被一名照顾它们的人感染的，这人可能还没有出现症状，也可能已经出现了早期症状。"
        >
          <el-button slot="reference" type="danger"
            >纽约动物园一老虎确诊感染新冠病毒？
          </el-button>
        </el-popover>
        <el-popover
          placement="right"
          title="鉴定结果：已证实"
          width="200"
          trigger="click"
          content="截至 1 月 8 日 10 时，河北全省现有本土确诊病例 127 例 ( 石家庄 118 例、邢台 9 例 ) ，尚在医学观察的无症状感染者 183 例 ( 石家庄 177 例、邢台 6 例 ) 。

截至 7 日 24 时，石家庄市累计检测 485.67 万人份，检出阳性样本 289 例；邢台市累计检测 189.49 万人份，检出阳性样本 15 例。按照安排，石家庄、邢台两市 9 日前全部完成核酸检测。

目前流调溯源工作正在加紧进行，但病毒的源头还没有完全查明，还需继续进行排查。

石家庄、邢台两市人员，非必要不出市，两市长途道路客运车辆暂停运营。

石家庄、邢台两市居民小区实行封闭管理，除特殊需要外，一律只进不出"
        >
          <el-button slot="reference" type="primary"
            >最新！石家庄检出核酸阳性近300例
          </el-button>
        </el-popover>
        <el-popover
          placement="right"
          title="鉴定结果：谣言"
          width="200"
          trigger="click"
          content="通过果蔬传染新冠病毒，需要三个条件：1、果蔬上有足够量的病毒（比如感染病人对着它打喷嚏或者呼气）；2、病毒在失去感染能力之前被接触到（李兰娟院士表示，新冠病毒在空气中可以存活几个小时甚至几天，但两小时就传染能力就下降了）；3、手接触到病毒然后又接触了眼睛、鼻子或者嘴。

2充分清洗，可以洗掉上面“万一存在的病毒”，蔬菜加热做熟也会把病毒杀灭。综上，不用担心病毒通过果蔬传播，做好正常的清洗烹饪就可以了。"
        >
          <el-button slot="reference" type="danger"
            >水果蔬菜表面有新型冠状病毒会使人感染
          </el-button>
        </el-popover>
      </el-aside>
      <el-main>
        <div id="rumorData"></div>
        <div class="block">
          <el-carousel height="280px"  >
            <el-carousel-item v-for="(img, index) in imgList" :key="index">
              <div class="img_item">
                <a href="#">
                  <img :src="img.url" width="865.6" height="300" />
                </a>
                <h3>{{ img.name }}</h3>
              </div>
            </el-carousel-item>
          </el-carousel>
        </div>
        <div class="Rtitle">
          <h3>
            <i class="el-icon-s-flag"></i>
            不传谣！不信谣！
          </h3>
        </div>
      </el-main>
    </el-container>

    <el-container style="height: 1400px; border: 1px solid #eee">
      <div class="footer">
        <h3 class="footMain_h3">
          <i class="el-icon-orange"></i>
          疫情期间谣言我们该如何应对谣言：
        </h3>

        <div class="footContent">
          <img :src="footmainImg1" class="footmainImgL" />
          <span class="foot-span-R">
            <h2>
              <i class="el-icon-star-off"></i>
              一、快速反应、全面核实，抢夺话语主导权
               <h5 class="foot-content-R">
                突发公共卫生事件中，舆论焦虑情绪蔓延，紧张心理凸显，有关部门要主动体察舆论诉求、跟进答疑解惑，以稳定舆论情绪、压缩谣言传播空间。本次疫情期间，国家卫生健康委员会官方微信公众号“健康中国”及时推送疫情防治政策信息和科普知识，连续发布相关科普知识，帮助公众正确认识疫情发展态势、掌握疫情防控知识，取得了良好的引导效果。而一些自媒体账号制作的短视频《关于新冠肺炎的一切》《新型肺炎病毒是如何使人生病的？》等，以数据事实解释了新冠肺炎的感染机制、传播途径、发展历程、防护措施等问题，起到了及时填补信息空白的作用，缓解了舆论的恐慌与沮丧，使一些不实信息失去了发酵土壤。
              </h5>
            </h2>
          </span>
        </div>
        <div class="footContent">
          <img :src="footmainImg2" class="footmainImgR" />
          <span class="foot-span-L">
            <h2>
              <i class="el-icon-star-off"></i>
              二、加强信息甄别与专业把关，依法严厉打击谣言
               <h5 class="foot-content-L" >
                有效处置谣言，  需要先对谣言作出合理界定，厘清恶意煽动性言论、攻击性言论、营销性言论与预警性言论、误解性言论、牢骚性言论、建设性言论的边界，充分考虑信息发布者、传播者在主观上的恶性程度，及其对事物的认知能力，既要依法严厉打击有害信息形成震慑，也要给舆论留下信息交流、情绪释放和心理调适的足够空间，避免“误伤”损害自身公信力。
              </h5>
            </h2>
          </span>
        </div>
        <div class="footContent">
          <img :src="footmainImg3" class="footmainImgR" />
          <span class="foot-span-L">
            <h2>
              <i class="el-icon-star-off"></i>
              三、专业领域辟谣需谨慎，避免贸然介入。
               <h5 class="foot-content-L">
                突发公共卫生事件中，一方面，医学或科学领域真相本身有一个逐渐浮现的过程，且专业问题具有一定认知门槛，难以很快做出科学、客观的判断，轻易辟谣容易埋下舆情隐患；另一方面，可鼓励并创造条件，让科学家、医生等专业人士多发声，形成对舆论场的知识型引领。本次疫情中，武汉警方在新冠肺炎原因未明的情况下发布辟谣声明，遭到舆论指摘，相关质疑在后续新的舆论热点中反复发酵。反观钟南山院士、张文宏医生等专业权威在关键问题上发声辟谣，起到了立竿见影的稳定人心作用。
              </h5>
            </h2>
          </span>
        </div>
        <div class="footContent">
          <img :src="footmainImg4" class="footmainImgL" />
          <span class="foot-span-R">
            <h2>
              <i class="el-icon-star-off"></i>
              四、快速反应、全面核实，抢夺话语主导权
              <h5 class="foot-content-R">
                突发公共卫生事件中，面对未经核实的流言，有关部门要在掌握事实情况的基础上，及时准备好素材和口径，用好官方半官方信息公开渠道，高效、精准地发布信息，占据舆情制高点。此次疫情期间，针对各类网传“神药”，湖北发布会多次辟谣，发布“克力芝副作用大，对减缓病情有效证据不强烈”“不主张用双黄连来预防和治疗肺炎”等观点，配合国家卫生健康委及主流媒体的宣传节奏，形成传播合力，引导公众理性抗疫。同时值得一提的是，有关部门与不少专业媒体、大型网站都开设了辟谣平台，对于网络上出现的名目繁多的谣言一一予以驳斥，取得了良好的辟谣效果。
              </h5>
            </h2>
          </span>
        </div>
      </div>
    </el-container>
  </div>
</template>

<script>
let echarts = require("echarts");
export default {
  data() {
    return {
      footmainImg4: require("../../assets/hyd-10.jpg"),

      footmainImg3: require("../../assets/hyd-2.gif"),

      footmainImg2: require("../../assets/hyd-9.jpg"),
      footmainImg1: require("../../assets/hyd-1.gif"),
      // items: [
      //   "《警惕！一男子散布疫情谣言被拘留》",
      //   "《警惕！一男子散布疫情谣言被拘留》",
      //   "《警惕！一男子散布疫情谣言被拘留》",
      // ],
      imgList: [
        {
          url: require("../../assets/hyd-3.jpg"),
          name: "'警惕！一男子散布疫情谣言被拘留'",
        },
        {
          url: require("../../assets/hyd-4.jpg"),
          name: "关于依法严厉打击涉疫情网络谣言的通告",
        },
        {
          url: require("../../assets/hyd-6.jpg"),
          name: "'贵阳3名“网友”发表不当言论、散布疫情谣言被处罚 '",
        },
      ],
      url: require("../../assets/hyd-3.jpg"),
      bg: require("../../assets/hyd-2.jpg"),
      tableData: [],
    };
  },
  computed: {},
  methods: {
    getOption() {
      return {
        //饼图
        title: {
          top: "0",
          text: "谣言的分类",
          subtext: "截止2020年4月15日网络上的谣言分类",
          left: "center",
        },
        tooltip: {
          trigger: "item",
          formatter: "{a} <br/>{b}:  ({d}%)",
        },
        legend: {
          orient: "vertical",
          left: 10,
          data: ["已证实", "待论证", "谣言"],
        },
        series: [
          {
            top: "30",
            name: "谣言分类",
            type: "pie",
            radius: ["50%", "80%"],
            avoidLabelOverlap: false,
            label: {
              show: false,
              position: "center",
            },
            emphasis: {
              label: {
                show: true,
                fontSize: "30",
                fontWeight: "bold",
              },
            },
            labelLine: {
              show: false,
            },
            data: [
              { value: 200, name: "已证实" },
              { value: 0, name: "邮件营销" },
              { value: 100, name: "待论证" },
              { value: 700, name: "谣言" },
              { value: 0, name: "搜索引擎" },
            ],
          },
        ],
      };
    },
    toDraw() {
      let chart = echarts.init(document.getElementById("rumorData"));
      let option = this.getOption();
      chart.setOption(option);
    },
  },
  created() {},
  mounted() {
    this.toDraw();
  },
};
</script>
<style scoped>
.foot-content-L{
  background-color: rgba(26, 238, 227, 0.158);
  font-weight: normal;
  overflow: hidden;
}
.foot-content-R{
  background-color: rgba(238, 238, 26, 0.192);
  font-weight: normal;
  overflow: hidden;
}
.foot-span-L {
  border: darkorange 3px solid;
  float: left;
  display: block;
  width: 700px;
  height: 300px;
}
.foot-span-R {
  border: rgb(223, 118, 118) 3px solid;
  margin-top: 0;
  float: right;
  display: block;
  width: 700px;
  height: 300px;
}
.footContent {
  margin-bottom: 20px;
  width: 1240.8px;
  height: 300px;
}
.footer {
  width: 100%;
}
.footmainImgL {
  width: 500px;
  height: 300px;
}
.footmainImgR {
  float: right;
  width: 500px;
  height: 300px;
}
.footMain_h3 {
  font-size: 30px;
  font-weight: normal;
}
.img_item {
  position: relative;
  /* width: 100%; */
  /* height: 100%; */
  /* border: 1px solid blue; */
}
.img_item h3 {
  background-color: #e6a23c;
  position: absolute;
  width: 600px;
  text-align: center;
  left: 0px;
  bottom: 24px;
  color: black;
  font-weight: bold;
  z-index: 10px;
  /* left: 25rem;
  top: 5.5rem; */
}

.Rtitle h3 {
  font-size: 22px;
  margin-left: 355px;
  margin-top: 0px;
  padding: 0;
  /* background-color: pink; */
}
.Rtitle {
  margin: 0;
  padding: 10px;
  /* background-color: pink; */
}

/* .el-carousel__item h3 {
  color: white;
  font-size: 18px;
  opacity: 0.75;
  line-height: 300px;
  margin: 0;
} */

/* .el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
} */

/* .el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
} */
.bg img {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 450px;
}
.el-button {
  margin-bottom: 8px;
}
.el-aside {
  line-height: 0;
  /* background-color: rgb(235, 191, 198); */
}
#rumorData {
  width: 900px;
  height: 210px;
}
.h2{
  margin-top: 0;
}
</style>